<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>可读可写属性</title>
	</head>
	<body>
		<ol>
			<li>
				<b>可读可写属性</b><br>
				<p>所谓的可读可写属性指的是不仅能通过js获取该属性的值，还能够通过js为该属性赋值。</p>
				<ul>
					<li>
						<b>scrollTop和scrollLeft</b><br>
						这对属性是可读写的，指的是当元素其中的内容超出其宽高的时候，元素被卷起的高度和宽度。<br>
						<hr>
					</li>
					<li>
						<b>obj.style.*属性</b><br>
						对于一个dom元素，它的style属性返回的是一个对象，这个对象中的任意一个属性是可读写的。
						如obj.style.top,obj.style.wdith等，在读的时候，他们返回的值常常是带有单位的(如px),同时，对于这种方式，
						它只能够获取到该元素的行内样式，而并不能获取到该元素最终计算好的样式，这就是在读取属性值得时候和以上只读属性的区别，
						要获取计算好的样式，请使用obj.currentstyle（IE）和getComputedStyle(IE之外的浏览器)。另一方面，这些属性能够被赋值，
						js运动的原理就是通过不断修改这些属性的值而达到其位置改变的，需要注意的是，给这些属性赋值的时候需要带单位的要带上单位，否则不生效。<br>
						<hr>
					</li>
				</ul>
			</li>
		</ol>
	</body>
</html>
